<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
   <#-- <link href="/js/datepicker/datepicker.css" rel="stylesheet">-->
    <link href="/styles/setting.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-upload/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-upload/jquery.iframe-transport.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-upload/jquery.fileupload.js"></script>
    <#--<script src="./js/plugins/datepicker/datepicker.js"></script>-->
    <#--<script type="text/javascript" src="/js/system/setting.js"></script>-->
    <script type="text/javascript" src="/js/system/common.js"></script>

</head>
<script>
    $(function () {
        //移除黑名单
        $(".delete_btn").click(function () {

            var nickname = $(this).data("nickname");
            $.get("/mine/removeBadUser", {nickname:nickname}, function (data) {
                popup("成功移除");
                window.location.reload();

            });
        })


    })
</script>

<body style="position: relative;">

<div class="topBar">
    <div class="topBarC">
        <div class="logo"><a title="骡窝窝自由行" href="javascript:;">骡窝窝自由行</a></div>
        <div class="t_nav">
            <ul id="pnl_nav" data-cs-t="headnav_wo">
                <li data-cs-p="index">
                    <strong class="t"><a href="/">首页</a></strong>
                </li>
                <li data-cs-t="wenda" data-cs-p="wenda">
                    <strong class="t"><a data-cs-p="from_wo_nav" href="javascript:;">问答</a></strong>
                </li>
                <li data-cs-t="things" data-cs-p="things">
                    <strong class="t"><a data-cs-p="from_wo_nav" href="javascript:;">骡窝窝周边</a></strong>
                </li>
                <li data-cs-p="together">
                    <strong class="t"><a href="#">结伴</a></strong>
                </li>
                <li data-cs-p="group">
                    <strong class="t"><a href="#">小组</a></strong>
                </li>
                <li data-cs-p="mall">
                    <strong class="t"><a href="#">蜂首俱乐部</a></strong>
                </li>
                <li class="drop" data-cs-p="other">
                    <strong class="t"><a href="#">更多<b></b></a></strong>
                </li>
            </ul>
        </div>
        <<#--div class="t_search">
            <form method="GET" action="/search/s.php" name="search">
                <input type="text" class="key" value="" name="q" id="word">
                <input type="submit" value="" class="btn">
            </form>
        </div>-->

        <div class="t_info">
            <div class="pagelet-block">
                <ul class="user_info">
                    <li class="daka">
                            <span class="daka_btn" id="_j_dakabtn" data-japp="daka">
                                <a role="button" title="打卡" class="daka_before">打卡</a>
                                <a role="button" title="打卡推荐" class="daka_after">打卡推荐</a>
                            </span>
                    </li>
                    <li id="pnl_user_msg" data-hoverclass="on" class="msg _j_hoverclass">
                            <span id="oldmsg" class="oldmsg"><a href="javascript:;"
                                                                class="infoItem">消息<b></b></a></span>
                        <ul id="head-msg-box" class="drop-bd">
                            <li><a href="javascript:;" rel="nofollow">私信</a></li>
                            <li><a href="javascript:;" rel="nofollow">小组消息</a></li>
                            <li><a href="javascript:;" rel="nofollow">系统通知</a></li>
                            <li><a href="javascript:;" rel="nofollow">问答消息</a></li>
                            <li><a href="javascript:;" rel="nofollow">回复消息</a></li>
                            <li><a href="javascript:;" rel="nofollow">喜欢与收藏</a></li>
                            <li><a href="javascript:;" rel="nofollow">好友动态</a></li>
                        </ul>
                    </li>

                    <li class="ub-item ub-new-msg" id="head-new-msg">
                    </li>
                    <li class="account _j_hoverclass" data-hoverclass="on" id="pnl_user_set">
                            <span class="t"><a class="infoItem" href="/mine/home"><img
                                            src="${(user.headImgUrl)!}"
                                            width="32" height="32" align="头像"><b></b></a></span>
                        <div class="uSet c">
                            <div class="asset">
                                <a class="coin" href="javascript:;" target="_blank" rel="nofollow">蜂蜜 0</a>
                                /
                                <a class="coin" href="javascript:;" target="_blank" id="head-my-honey"
                                   rel="nofollow" data-cs-p="coin">金币 579</a>
                            </div>
                            <a href="javascript:;">我的骡窝窝<b class="tb-level">LV.3</b></a>
                            <a href="javascript:;" target="_blank">写游记</a>
                            <a href="javascript:;" target="_blank">预约游记</a>
                            <a href="javascript:;" target="_blank">我的足迹</a>
                            <a href="javascript:;" target="_blank">我的问答</a>
                            <a href="javascript:;" target="_blank">我的好友</a>
                            <a href="javascript:;" target="_blank">我的收藏</a>
                            <a href="javascript:;" target="_blank">我的路线</a>
                            <a href="javascript:;" target="_blank">我的订单</a>
                            <a href="javascript:;" target="_blank">我的优惠券</a>
                            <a href="javascript:;" target="_blank">设置</a>
                            <a href="javascript:;">退出</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>


<div class="main">
    <div class="banner">
        <div class="banner_img banner_note" id="_j_banner">
        </div>
        <div class="tags_bar second_tags_bar">
            <div class="center clearfix">
                <div class="MAvatar clearfix">
                    <div class="MAvaImg flt1">
                        <img width="120" height="120" alt=""
                             src="${(user.headImgUrl)!}">
                    </div>
                    <div class="MAvaEasyWord flt1">
                        <span class="MAvaName">${(user.nickname)!}</span>
                        <span class="MAvaLevel">${(user.level)!}</span>
                    </div>
                </div>
                <ul class="flt2">
                    <li><a class="tags_link" href="/mine/home" title="我的窝">我的窝</a></li>
                    <li><a class="tags_link" href="/mine/travel" title="我的游记">我的游记</a></li>
                    <li class="on"><a class="tags_link" href="/mine/review" title="我的点评">我的点评</a></li>
                    <li id="_j_pathnav"><a class="tags_link" href="/mine/travelcollection" title="我的收藏">我的收藏</a>
                    </li>
                    <li><a class="tags_link" href="javascript:;" title="我的订单">我的订单</a></li>
                    <li><a class="tags_link" href="/mine/setting" title="设置">设置</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="wrapper clearfix">
    <div class="aside">
        <a href="/mine/setting"><i class="i1"></i>我的信息</a>
        <a href="/mine/avater"><i class="i2"></i>我的头像</a>
        <a href="/mine/sns"><i class="i3"></i>绑定设置</a>
        <a href="/mine/security"><i class="i4"></i>账号安全</a>
        <a href="/mine/blacklist"  class="on"><i class="i9"></i>黑名单管理</a>
        <a href="/mine/wallet"><i class="i10"></i>我的钱包</a>
    </div>

    <div class="content">
        <div class="hd">
            <strong>黑名单管理</strong>
            <span>
                    资料完善度
                    <div class="progress">
                        <div class="num">85%</div>
                        <div class="on" style="width:85%"></div>
                    </div>
                </span>
        </div>

        <div class="blacklist">
            <div class="bd clearfix">
                <dl class="col-search">

                        <form action="/mine/selectBadUser" method="post">
                            <input name="nickname" type="text" placeholder="输入用户昵称搜索指定用户">
                            <input type="submit" value="搜索">

                        </form>

                    <br/>
                    <br/>
                    <div>
                        <form action="/mine/addBadUser" method="post">
                            <input name="nickname" type="text" value="${(baduser.nickname)!}">
                            <#--<input id="black_list" type="submit" value="加入黑名单">-->
                            <#--<button id="black_list">加入黑名单</button>-->
                            <input type="submit" value="加入黑名单">


                        </form>

                    </div>
                    <dd>
                        <ul class="search-list">
                        </ul>
                        <#--<div class="action"><a id="add_blacklist" class="btn" href="/mine/updateState">加入黑名单</a></div>-->
                    </dd>
                </dl>
                <dl class="col-list">
                    <dt style="color: red"><strong>我的黑名单</strong></dt>
                    <dd>
                        <ul id="blacklist">
                            <if list ??>

                            <#list list! as li>
                                <tr>${li! }</tr>
                                <button class="delete_btn" data-nickname="${li}" value="移除" >移除</button>
                                <br/>
                                <br/>
                            </#list>
                            </if>
                        </ul>

                    </dd>
                </dl>
                <div class="tips"><strong>＊你将不会收到此黑名单中用户发来的私信</strong></div>
            </div>
        </div>

    </div>

</div>


<#include "../common/footer.ftl"/>
<div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
    <div class="toolbar-item-top" style="display: none;">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">


            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                 width="450" height="192">
        </a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
    </div>

</div>


</body>
</html>